<#include "../header.ftl">
<html>
<body>

<#include "../nav-top.ftl">
<div class="sui-container" style="margin-top: 30px;">
    <ul class="sui-breadcrumb" style="padding: 0px 0px">
        <li><a href="#">系统支撑</a></li>
        <li class="active">角色管理</li>
    </ul>
    <div class="sui-row-fluid">
        <div class="span1">
            <ul class="sui-nav nav-list nav-xlarge nav-user-type">
                <li class="active" data-type="0"><a>正常</a></li>
                <li data-type="1"><a>注销</a></li>
            </ul>
        </div>
        <div class="span11" id="type-normal">
            <form id="form-msg" class="sui-form form-horizontal" novalidate="novalidate">
                <div class="control-group">
                    <label for="roleName1">角色：</label>
                    <div class="controls">
                        <input type="text" id="roleName1" name="roleName1">
                    </div>
                    &nbsp;
                    <a href="javascript:void(0);" class="sui-btn btn-large query-normal">查询</a>&nbsp;
                    <a href="/role/add" class="sui-btn btn-large">创建</a>&nbsp;
                    <a href="javascript:void(0);" class="sui-btn btn-large dis-activate-all">注销</a>
                </div>
            </form>
            <table class="sui-table table-bordered rowover-table" id="tab-normal">
                <thead>
                <tr>
                    <th><input type="checkbox" class="check-all-normal"/></th>
                    <th>角色名称</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>

                </tbody>
            </table>
            <div class="sui-pagination normal-pagination" style="float: right">
                <ul>
                    <li class="prev disabled"><a href="#">«上一页</a></li>
                    <li class="next"><a href="#">下一页»</a></li>
                </ul>
            </div>
        </div>
        <div class="span11" id="type-delete" style="display: none">
            <form id="form-1" class="sui-form form-horizontal" novalidate="novalidate">
                <div class="control-group">
                    <label for="roleName2">角色：</label>
                    <div class="controls">
                        <input type="text" id="roleName2" name="roleName2">
                    </div>
                    &nbsp;
                    <a href="javascript:void(0);" class="sui-btn btn-large query-delete">查询</a>&nbsp;
                    <a href="javascript:void(0);" class="sui-btn btn-large activate-all">启用</a>
                </div>
            </form>
            <table class="sui-table table-bordered rowover-table" id="tab-delete">
                <thead>
                <tr>
                    <th><input type="checkbox" class="check-all-delete"/></th>
                    <th>角色名称</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>

                </tbody>
            </table>
            <div class="sui-pagination delete-pagination" style="float: right">
                <ul>
                    <li class="prev disabled"><a href="#">«上一页</a></li>
                    <li class="next"><a href="#">下一页»</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<#include "../footer.ftl">
<script src="../../static/js/plugins/sea/sea.js"></script>
<script src="../../static/js/sea.config.js"></script>
<script>
    seajs.use('/static/js/game/system/role_list');

</script>
<script id="tp-normal" type="text/html">
    <% for (var i = 0; i < list.length; i ++) {
    var role = list[i];
    %>
    <tr>
        <td><input type="checkbox" name="normal-user-id" value=" <%= role.roleId %>"/></td>
        <td><%= role.roleName %></td>
        <td>
            <a href="/role/detail?roleId=<%= role.roleId %>&editFlag=0" class="sui-btn btn-link btn-small ">查看</a>
            <a href="/role/detail?roleId=<%= role.roleId %>&editFlag=1" class="sui-btn btn-link btn-small ">编辑</a>
            <a href="javascript:void(0);" class="sui-btn btn-link btn-small dis-activate-user"
               data-name="<%= role.roleName %>" data-id="<%= role.roleId %>">注销</a>
        </td>
    </tr>
    <% } %>
</script>
<script id="tp-delete" type="text/html">
    <% for (var i = 0; i < list.length; i ++) {
    var role = list[i];
    %>
    <tr>
        <td><input type="checkbox" name="delete-user-id" value=" <%= role.roleId %>" id="user-<%= role.roleId %>"/></td>
        <td><%= role.roleName %></td>
        <td>
            <a href="/role/detail?roleId=<%= role.roleId %>&editFlag=0" class="sui-btn btn-link btn-small ">查看</a>
            <a href="javascript:void(0);" data-id="<%= role.roleId %>" data-name="<%= role.roleName %>"
               class="sui-btn btn-link btn-small activate-user">启用</a>
        </td>
    </tr>
    <% } %>
</script>
</body>
</html>
